<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>上传照片</title>
    <!-- 引入 WeUI -->
    <link rel="stylesheet" href="vendor/weui/1.1.2/weui.min.css">
    <link rel="stylesheet" href="css/photos.css">
</head>
<body>
<!-- 使用 -->
<div class="page">
    <div class="page__hd">
        <h1 class="page__title">上传照片</h1>
        <p class="page__desc">
            共<span id="photosCount">0</span>张
        </p>
    </div>
    <div class="page__bd">
        <div class="weui-gallery" id="gallery">
            <span class="weui-gallery__img" id="galleryImg"></span>
        </div>
        <div class="uploadBox">
            <div class="weui-uploader__input-box" id="showBox"></div>
            <div id="InputBox">
                <input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*"/>
                <img src="" alt="" id="uploaderImg">
            </div>
        </div>
        <div>
            <a href="javascript:;" class="weui-btn weui-btn_primary" id="btnUpload">
                <i class="weui-loading" id="uploadLoading"></i>
                <span id="btnText">上传</span>
            </a>
        </div>
    </div>
</div>
<script src="config.js"></script><!--在public中手写的配置 -->
<script src="vendor/jquery/2.2.4/jquery.js"></script>
<script src="vendor/axios/0.17.1/axios.min.js"></script>
<script src="vendor/moment.js/2.19.2/moment.min.js"></script>
<script src="js/parse.min.js"></script>
<script src="js/init_parse.js"></script>
<script src="js/photos.js"></script>
</body>
</html>